<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <style>
        .el-header, .el-footer {
            background-color: #1a4e95;
            color:white;
            text-align: center;
            line-height: 80px;

        }

        .el-aside {
            background-color: white;
            color: #333;
            text-align: center;
            line-height: 500px;

        }

        .el-main {
            margin: 0 auto;
            color: #333;
            text-align: center;
            line-height: 460px;
        }

        body > .el-container {
            margin-bottom: 60px;
        }

        .el-container:nth-child(5) .el-aside,
        .el-container:nth-child(6) .el-aside {
            line-height: 260px;
        }

        .el-container:nth-child(7) .el-aside {
            line-height: 320px;
        }

        .a1{background-color:darkcyan ;
            color: white;
            height: 70px;
            font-size: 18px;
            margin: 0 auto;
            text-align: center;
            padding-top: 20px;
        }
        a{
            text-decoration:none;
            color:white;
            text-decoration: none;
        }

    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-aside width="900px">

            <a href="news.html" class="col-md-6" style="box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)">
                <img src="picture/1..png" />
                <el-link :underline="false"><h1>我要看新闻</h1></el-link>
            </a>
            <a href="contribute.html" class="col-md-6" style="box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1)">
                <img src="picture/2.png" />
                <el-link :underline="false" ><h1>我要投稿</h1></el-link>
            </a>
        </el-aside>

        <img src="https://img1.baidu.com/it/u=944712408,454458389&fm=26&fmt=auto?qq-pf-to=pcqq.c2c"
             style="width: 730px; height: 505px;"
        >

    </el-container>
    <div class="a1">
        <a href="">网站地图</a>
        <em>|</em>
        <a href="">法律声明</a>
        <em>|</em>
        <a href="">友情链接</a>

        @2015 Baidu <a href="">使用必读意见反馈 ;京ICP证030173号</a>
    </div>
</div>

<script>
    var haha = new Vue({
        el:"#app",
        data:{},
        methods:{}
    });
</script>
</body>
</html>
